@extends('admin_system/public/layout')
@section('content')

    <style>
        #media_box {
            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
        }



        .live-list{
            width: 130px;
            height: 140px;
            border: 2px solid #b0b5b7;
            border-radius: 3px;
            margin:5px;
            position: relative;
            background-color: #000;
        }

        .title{
            color: white;
            display: inline-block;
            text-align: center;
            width: 100%;
            height: 20px;
        }


        .live_status{
            color: white;
            font-size: 18px;
            display: inline-block;
            width: 100%;
            text-align: center;
            height:40px;
            line-height:40px;
            margin-top:40px;
            background:rgba(0,0,0,.6);
        }

        .living{
            color:red;
        }
        .live-img{
            width: 100%;
            height:120px;
            background: #353535;
            z-index: 9999;
            position: absolute;
            background-size:cover;
            background-position: center;
            background-repeat: no-repeat;
        }
    </style>
    <div id="media_box"
         style="width: 100%;">
        @foreach($lives as $k=>$v)

            <a href="/admin_system/live/edit_msg/{{json_encode($v->id)}}" class="live-list">
                    <span class="title">{{substr($v->live_title,0,25)}}</span>
                    <div class="live-img" style="background-image:url('/{{$v->face_img}}')">
                        @if($v->live_online_status == "直播未关闭")
                            <span class="live_status living">{{$v->live_online_status}}</span>
                        @else
                            <span class="live_status">{{$v->live_online_status}}</span>
                        @endif
                    </div>
            </a>
        @endforeach

    </div>

    {{$lives->links()}}



    {{--<div class="col-xs-12 nav top-nav">--}}
    {{--<p class="float-left nav-path"><strong>当前位置：</strong>直播管理>>直播列表</p>--}}
    {{--<a class="btn-danger btn float-right" href="{{asset('admin_system/live/edit')}}">新增直播</a>--}}
    {{--</div>--}}

    {{--<div class="content-box col-xs-12 mt20 pb20 pt20">--}}


    {{--<form class="form-inline nav mb10" method="get" action="{{asset('admin_system/live/list')}}">--}}
    {{--<div class="form-group">--}}
    {{--<div class="input-group">--}}
    {{--<div class="input-group-addon">查询</div>--}}
    {{--<input name="teacher_phone" class="form-control" id="teacher_phone" placeholder="按直播名称查询"--}}
    {{--value="{{$keywords}}">--}}
    {{--{{csrf_field()}}--}}
    {{--</div>--}}
    {{--</div>--}}
    {{--<button type="submit" class="btn btn-primary">搜索</button>--}}
    {{--</form>--}}


    {{--<table class="table table-bordered">--}}
    {{--<tr class="active">--}}
    {{--<th>序号</th>--}}
    {{--<th>直播名称</th>--}}
    {{--<td>是否发布</td>--}}
    {{--<td>总人数</td>--}}
    {{--<td>当前人数</td>--}}
    {{--<td>聊天室</td>--}}
    {{--<th>直播时间</th>--}}
    {{--<th>是否关闭</th>--}}
    {{--<th>推流地址</th>--}}
    {{--<th>主讲</th>--}}
    {{--<th>直播管理</th>--}}
    {{--</tr>--}}

    {{--@foreach($lives as $k=>$live)--}}
    {{--<tr>--}}
    {{--<td>{{$loop->iteration + ($lives->currentPage()-1) * $lives->perPage()}}</td>--}}
    {{--<td>{{$live->live_title}}</td>--}}
    {{--<td>{{$live->is_show == 1 ? '已发布':'未发布'}}</td>--}}
    {{--<td>{{$live->total_user_number}}</td>--}}
    {{--<td>{{$live->current_user_number}}</td>--}}
    {{--<td>{{$live->chat_group_id}}</td>--}}
    {{--<td>{{$live->begin_time}}</td>--}}
    {{--@if($live->is_end===0)--}}
    {{--<td>未关闭</td>--}}
    {{--@elseif($live->is_end===1)--}}
    {{--<td>已经关闭</td>--}}
    {{--@endif--}}
    {{--<td>--}}
    {{--<input type="text" class="form-control" value="{{}}">--}}
    {{--{!! $live->live_url ? QrCode::size(200)->generate($live->live_url):"" !!}--}}
    {{--</td>--}}
    {{--@if($live->teacher_phone!=0)--}}
    {{--<td>--}}
    {{--<form action="/admin_system/live/msg_view">--}}
    {{--<input type="hidden" name="group_id" value="{{$live->chat_group_id}}">--}}
    {{--<button class="btn" type="submit">历史消息管理</button>--}}
    {{--</form>--}}
    {{--<br>--}}
    {{--<form action="/admin_system/live/view">--}}
    {{--<input type="hidden" name="group_id" value="{{$live->chat_group_id}}">--}}
    {{--<button class="btn" type="submit">时时消息管理</button>--}}
    {{--</form>--}}
    {{--</td>--}}
    {{--@else--}}
    {{--<td>--}}
    {{--<input type="text" class="form-control"--}}
    {{--name="teacher_phone"--}}
    {{--id="teacher_phone_input_{{$k}}"--}}
    {{--value="">--}}
    {{--<br>--}}
    {{--<button class="btn btn-info" type="type"--}}
    {{--onclick="applyJoinBigGroup('{{$live->chat_group_id}}',{{$k}})">设置主讲--}}
    {{--</button>--}}
    {{--</td>--}}
    {{--@endif--}}

    {{--<td>--}}
    {{--@if($live->is_end==0)--}}
    {{--<form action="/admin_system/live/edit_msg">--}}
    {{--<input type="hidden" name="group" value="{{$live->chat_group_id}}">--}}
    {{--<button class="btn" type="submit">管理</button>--}}
    {{--</form>--}}
    {{--<br>--}}
    {{--@endif--}}
    {{--@if($live->is_end===0)--}}
    {{--@if($live->live_status==0)--}}
    {{--<form action="/admin_system/live/open_live">--}}
    {{--<input type="hidden" name="group" value="{{$live->chat_group_id}}">--}}
    {{--<input type="hidden" name="open_live" value="1">--}}
    {{--<button class="btn" type="submit">开启直播</button>--}}
    {{--</form>--}}
    {{--<br>--}}
    {{--@elseif($live->live_status==1)--}}
    {{--<form action="/admin_system/live/close_live">--}}
    {{--<input type="hidden" name="group" value="{{$live->chat_group_id}}">--}}
    {{--<input type="hidden" name="close_live" value="2">--}}
    {{--<button class="btn" type="submit">暂停直播</button>--}}
    {{--</form>--}}
    {{--<br>--}}
    {{--@endif--}}
    {{--<form action="/admin_system/live/close_live">--}}
    {{--<input type="hidden" name="group" value="{{$live->chat_group_id}}">--}}
    {{--<input type="hidden" name="close_live" value="3">--}}
    {{--<button class="btn" type="submit">关闭直播</button>--}}
    {{--</form>--}}
    {{--@endif--}}
    {{--</td>--}}
    {{--</tr>--}}
    {{--@endforeach--}}
    {{--</table>--}}

    {{--{!! $lives->appends(['keywords'=>$keywords])->links() !!}--}}
    {{--</div>--}}
    {{--<script src="https://cdn.bootcss.com/axios/0.17.1/axios.min.js"></script>--}}
    {{--<script src="/admin/js/live/sdk/json2.js"></script>--}}
    {{--<script src="/admin/js/live/sdk/webim.js"></script>--}}
    {{--<script src="/admin/js/live/sdk/webim.js"></script>--}}
    {{--<script src="/admin/js/live/lib/md5/spark-md5.js"></script>--}}
    {{--<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>--}}

    <script>
        // //读取群组成员
        // var accountMode = 0;
        // var sdkAppID = 1400052639;
        // var userSig;
        // axios.get('/admin_system/live/user_sig').then(res => {
        //     userSig = res.data;
        //     var loginInfo = {
        //         'sdkAppID': '1400052639', //用户所属应用id,必填
        //         'appIDAt3rd': '1400052639', //用户所属应用id，必填
        //         'identifier': '15801761290', //当前用户ID，需要开发者填写
        //         'identifierNick': '15801761290', //当前用户昵称，选填
        //         'userSig': userSig, //当前用户身份凭证，需要开发者填写
        //         'accountType': 19790,
        //     };
        //     var listeners = {
        //         "onConnNotify": onConnNotify//监听连接状态回调变化事件,必填
        //         , "onMsgNotify": onMsgNotify//监听新消息(私聊，普通群(非直播聊天室)消息，全员推送消息)事件，必填
        //         , "onBigGroupMsgNotify": onBigGroupMsgNotify//监听新消息(直播聊天室)事件，直播场景下必填
        //     };
        //
        //     var options = {
        //         'isAccessFormalEnv': true,
        //         'isLogOn': false
        //     }
        //     var onConnNotify = function (resp) {
        //         var info;
        //         switch (resp.ErrorCode) {
        //             case webim.CONNECTION_STATUS.ON:
        //                 webim.Log.warn('建立连接成功: ' + resp.ErrorInfo);
        //                 break;
        //             case webim.CONNECTION_STATUS.OFF:
        //                 info = '连接已断开，无法收到新消息，请检查下你的网络是否正常: ' + resp.ErrorInfo;
        //                 alert(info);
        //                 webim.Log.warn(info);
        //                 break;
        //             case webim.CONNECTION_STATUS.RECONNECT:
        //                 info = '连接状态恢复正常: ' + resp.ErrorInfo;
        //                 alert(info);
        //                 webim.Log.warn(info);
        //                 break;
        //             default:
        //                 webim.Log.error('未知连接状态: =' + resp.ErrorInfo);
        //                 break;
        //         }
        //     };
        //
        //     function onMsgNotify(newMsgList) {
        //         //console.warn(newMsgList);
        //         var sess, newMsg;
        //         //获取所有聊天会话
        //         var sessMap = webim.MsgStore.sessMap();
        //
        //         for (var j in newMsgList) {//遍历新消息
        //             newMsg = newMsgList[j];
        //
        //             if (newMsg.getSession().id() == selToID) {//为当前聊天对象的消息
        //                 selSess = newMsg.getSession();
        //                 //在聊天窗体中新增一条消息
        //                 //console.warn(newMsg);
        //                 addMsg(newMsg);
        //             }
        //         }
        //         //消息已读上报，以及设置会话自动已读标记
        //         webim.setAutoRead(selSess, true, true);
        //
        //         for (var i in sessMap) {
        //             sess = sessMap[i];
        //             if (selToID != sess.id()) {//更新其他聊天对象的未读消息数
        //                 updateSessDiv(sess.type(), sess.id(), sess.unread());
        //             }
        //         }
        //     }
        //
        //     function onBigGroupMsgNotify(e) {
        //         // console.log(e);
        //     }
        //
        //     function webimLogin() {
        //         webim.login(
        //             loginInfo, listeners, options,
        //             function (resp) {
        //                 loginInfo.identifierNick = resp.identifierNick;//设置当前用户昵称
        //             },
        //             function (err) {
        //                 alert(err.ErrorInfo);
        //             }
        //         );
        //     }
        //
        //     jsonpCallback = function (e) {
        //         console.log(e);
        //     }
        //     webimLogin();
        // })
        //
        // //邀请好友加群
        // function applyJoinBigGroup(ele) {
        //     var options = {
        //         'GroupId': ele//群id
        //     };
        //     webim.applyJoinBigGroup(
        //         options,
        //         function (resp) {
        //             //JoinedSuccess:加入成功; WaitAdminApproval:等待管理员审批
        //             if (resp.JoinedStatus && resp.JoinedStatus == 'JoinedSuccess') {
        //                 webim.Log.info('加入房间成功');
        //             } else {
        //                 alert('加入房间失败');
        //             }
        //         },
        //         function (err) {
        //             alert(err.ErrorInfo);
        //         }
        //     );
        // }
    </script>


@endsection